<html>
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>Cuda Single Page Portfolio</title>
	<link rel="stylesheet" href="css/index.css" type="text/css">
</head>
<body>
     <div class="header">
        <div>
          <i></i>
          <ul>
            <li>home</li>
            <li>about</li>
            <li>work</li>
            <li>blog</li>
            <li>contact</li>
          </ul>
        </div> 
     </div>

     <div class="content-1">
     	<p class="content-1-1">Hi there! We are the new kids on the block <br />
          and we build awesome websites and mobile apps.</p>
     	<p class="content-1-2">work with us!</p>
     </div>
     <div class="content-2">
     	<div>
     		<p>services we provide</p>
     		<i></i>
     		<p>We are working with both individuals and businesses from all over the globe 
              <br />to create awesome websites and applications.</p>
     	</div>
     	<ul>
     		<li class="content-2-1">
     			<i></i>
     			<p class="content-2-1-1">branding</p>
     			<p class="content-2-1-2">Lorem ipsum dolor sit amet, 
                  <br />consectetuer adipiscing elit, <br />sed diam nonummy nibh.</p>
     		</li>
     		<li class="content-2-2">
                <i></i>
     			<p class="content-2-2-1">design</p>
     			<p class="content-2-2-2">Sed ut perspiciatis unde <br />omnis iste natus error sit   
     			  <br />voluptatem  </p>
     		</li>
     		<li class="content-2-3">
     			<i></i>
     			<p class="content-2-3-1">development</p>
     			<p class="content-2-3-2">At vero eos et accusamus et <br /> iusto odio dignissimos qui 
     			  <br />blanditiis praesentium.</p>
     		</li>
     		<li class="content-2-4">
     			<i></i>
     			<p class="content-2-4-1">rocket science</p>
     			<p class="content-2-4-2">Et harum quidem rerum est <br />et expedita distinctio. Nam 
     			  <br />libero tempore.</p>
     		</li>
     	</ul>
     </div>
     <div class="content-3">
     	<div>
     		<p>meet our beautiful team</p>
     		<i></i>
     		<p>We are a small team of designers and developers, who help brands with big ideas.</p>
     	</div>
     	<ul>
     		<li class="content-3-1">
     			<i></i>
     			<p class="content-3-1-1">anne hathaway</p>
     			<p class="content-3-1-2">CEO / Marketing Guru</p>
     			<p class="content-3-1-3">Lorem ipsum dolor sit amet, <br />consectetuer adipiscing elit, 
     			  <br />sed diam nonummy nibh <br />euismod tincidunt ut laoreet <br />dolore magna.</p>
     			<ul>
     				<li><img src="images/fb-icon-32x32.png" alt=""></li>
     				<li><img src="images/twitter-icon-32x32.png" alt=""></li>
     				<li><img src="images/linkedin-icon-32x32.png" alt=""></li>
     				<li><img src="images/mail-icon-32x32.png" alt=""></li>
     			</ul>
     		</li>
     		<li class="content-3-2">
     			<i></i>
     			<p class="content-3-2-1">Kate Upton</p>
     			<p class="content-3-2-2">Creative Director</p>
     			<p class="content-3-2-3">Duis aute irure dolor in in <br />voluptate velit esse cillum 
     			  <br />dolore fugiat nulla pariatur. <br />Excepteur sint occaecat non <br />diam proident.</p>
     			<ul>
     				<li><img src="images/twitter-icon-32x32.png" alt=""></li>
     				<li><img src="images/linkedin-icon-32x32.png" alt=""></li>
     				<li><img src="images/mail-icon-32x32.png" alt=""></li>
     			</ul>
     		</li>
     		<li class="content-3-3">
     			<i></i>
     			<p class="content-3-3-1">Olivia Wilde</p>
     			<p class="content-3-3-2">Lead Designer</p>
     			<p class="content-3-3-3">Nemo enim ipsam voluptas <br />sit aspernatur aut odit aut <br />fugit, sed quia consequuntur <br />magni dolores eos qui ratio-<br />ne voluptatem nesciunt.</p>
     			<ul>
     				<li><img src="images/fb-icon-32x32.png" alt=""></li>
     				<li><img src="images/twitter-icon-32x32.png" alt=""></li>
     				<li><img src="images/linkedin-icon-32x32.png" alt=""></li>
     				<li><img src="images/mail-icon-32x32.png" alt=""></li>
     			</ul>
     		</li>
     		<li class="content-3-4">
     			<i></i>
     			<p class="content-3-4-1">Ashley Greene</p>
     			<p class="content-3-4-2">SEO / Developer</p>
     			<p class="content-3-4-3">Sed ut perspiciatis unde <br />omnis iste natus error sit <br />voluptatem accusantium 
     			  <br />doloremque laudantium, <br />totam rem aperiam.</p>
     			<ul>
     				<li><img src="images/twitter-icon-32x32.png" alt=""></li>
     				<li><img src="images/linkedin-icon-32x32.png" alt=""></li>
     				<li><img src="images/mail-icon-32x32.png" alt=""></li>
     			</ul>
     		</li>
     	</ul>
     </div>
     <div class="content-4">
     	<div>
     		<p>we got skills!</p>
     		<i></i>
     		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod 
     		  <br />tempor incididunt ut labore et dolore magna aliqua.</p>
     	</div>
     	<ul>
     		<li>
     			<i><img src="images/4-160x160.png" alt=""></i>
     			<p>Web Design</p>
     		</li>
     		<li>
     			<i><img src="images/3-160x160.png" alt=""></i>
     			<p>HTML / CSS</p>
     		</li>
     		<li>
     			<i><img src="images/2-160x160.png" alt=""></i>
     			<p>GRAPHIC DESIGN</p>
     		</li>
     		<li style="margin-right: 0">
     			<i><img src="images/1-160x160.png" alt=""></i>
     			<p>UI / UX</p>
     		</li>
     	</ul>
     </div>
     <div class="content-5">
     	<div>
     		<p>our portfolio</p>
     		<i></i>
     		<p>Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet
              <br />consectetur, adipisci velit, sed quia non numquam</p>
     	</div>
     	<ul class="content-5-1">
     		<li style="background: #ffffff">all</li>
     		<li>web</li>
     		<li>apps</li>
     		<li style="margin-right: 0">incons</li>
     	</ul>
     	<ul class="content-5-2">
     		<li>
     			<i><img src="images/works-1-541x311.png" alt=""></i>
     			<p style="margin-bottom: 62px">Isometric Perspective Mock-Up</p>
     			<i><img src="images/works-3-541x311.png" alt=""></i>
     			<p>Viro Media Players UI</p>
     		</li>
     		<li style="margin-right: 0">
     			<i><img src="images/works-2-541x311.png" alt=""></i>
     			<p style="margin-bottom: 62px">Time Zone App UI</p>
     			<i><img src="images/works-4-541x311.png" alt=""></i>
     			<p>Blog / Magazine Flat UI Kit</p>
     		</li>
     	</ul>
     	<p>load more projects</p>
     </div>
     <div class="content-6">
     	<div class="content-6-1">
     		<p class="content-6-1-1">what poeple say about us</p>
     		<i></i>
     		<p class="content-6-1-2">Our clients love us!</p>
     	</div>
     	<ul>
     		<li>
     			<div class="content-6-2"></div>
     			<div class="content-6-3">
     				<p class="content-6-3-1">“Nullam dapibus blandit orci, viverra <br />gravida dui lobortis eget. Maecenas <br />fringilla urna eu nisl scelerisque.”</p>
     				<p class="content-6-3-2">Chanel Iman</p>
     				<p class="content-6-3-3">CEO of Pinterest</p>
     			</div>
     		</li>
     		<li style="margin-right: 0">
     			<div class="content-6-2"></div>
     			<div class="content-6-3">
     				<p class="content-6-3-1">“Vivamus luctus urna sed urna ultricies <br />ac tempor dui sagittis. In condimen-<br />tum facilisis porta.”</p>
     				<p class="content-6-3-2">ADRIANA LIMA</p>
     				<p class="content-6-3-3">Founder of Instagram</p>
     			</div>
     		</li>
     		<li>
     			<div class="content-6-2"></div>
     			<div class="content-6-3">
     				<p class="content-6-3-1">“Vivamus luctus urna sed urna ultricies <br />ac tempor dui sagittis. In condimen-<br />tum facilisis porta.”</p>
     				<p class="content-6-3-2">ANNE HATHAWAY</p>
     				<p class="content-6-3-3">Lead Designer at Behance</p>
     			</div>
     		</li>
     		<li style="margin-right: 0">
     			<div class="content-6-2"></div>
     			<div class="content-6-3">
     				<p class="content-6-3-1">“Phasellus non purus vel arcu tempor <br />commodo. Fusce semper, purus vel luctus <br />molestie, risus sem cursus neque.”</p>
     				<p class="content-6-3-2">EMMA STONE</p>
     				<p class="content-6-3-3">Co-Founder of Shazam</p>
     			</div>
     		</li>
     	</ul>
     </div>
     <div class="content-7">
     	<div class="content-7-1">
     		<p class="content-7-1-1">get in touch</p>
     		<i></i>
     		<p class="content-7-1-2">1600 Pennsylvania Ave NW, Washington, DC 20500, United States of America. Tel: (202) 456-1111</p>
     	</div>
     	<div class="content-7-2">
     	    <div style="margin-right: 34px">
     	    	<p>Your Name <span>*</span></p>
     	    	<input></input>
     	    </div>
     		<div>
     	    	<p>Your Email <span>*</span></p>
     	    	<input></input>
     	    </div>
     	</div>
     	<div class="content-7-3">
     	    <p>Your Message <span>*</span></p>
     	    <textarea></textarea>
     	</div>
     	<p>SEND MESSAGE</p>

     </div>

     <div class="footer">
     	<ul>
     		<li>Facebook</li>
     		<li style="color: #30bae7">Twitter</li>
     		<li>Google+</li>
     		<li>LinkedIn</li>
     		<li>Behance</li>
     		<li>Dribbble</li>
     		<li style="margin-right: 0">GitHub</li>
     	</ul>
     </div>
</body>
</html>